<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>

	<script src="http://cdn.staticfile.org/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="hhpslider.js"></script>
	<script type="text/javascript">
		$(function(){
			$('#slisder').slider({
				effect:'move'
			});
		});
	</script>
	<link rel="stylesheet" href="defaults.css" type="text/css" />
</head>
<body>
	<div id="slisder">
		<ul class="pic_box">
			<li style="display:block;"><a href=""><img src="1.jpg" alt="" /></a></li>
			<li><a href=""><img src="2.jpg" alt="" /></a></li>
			<li><a href=""><img src="3.jpg" alt="" /></a></li>
		</ul>
	</div>
	qqqww
</body>
</html>
